<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Select 选择器</title>
    <link rel="stylesheet" href="../css/yelfui.min.css">
</head>

<body>
    <div class="container">
        <div class="wrap">
            <!-- Select 选择器 -->
            <dl class="y-select" id="fruits">
                <dt>
                    <span class="y-triangle-down">请选择</span>
                    <input type="hidden"  value="">
                </dt>
                <dd>
                    <ul>
                        <li><a href="#">黄金糕</a></li>
                        <li><a href="#">双皮奶</a></li>
                        <li><a href="#">龙须面</a></li>
                        <li><a href="#">北京烤鸭</a></li>
                    </ul>
                </dd>
            </dl>
            <!-- Select 选择器 -->

            <!-- Select 选择器 -->
            <dl class="y-select" id="vegetable">
                <dt>
                    <span class="y-triangle-down">请选择</span>
                    <input type="hidden"  value="">
                </dt>
                <dd>
                    <ul>
                        <li><a href="#">黄金糕</a></li>
                        <li><a href="#">双皮奶</a></li>
                        <li><a href="#">龙须面</a></li>
                        <li><a href="#">北京烤鸭</a></li>
                    </ul>
                </dd>
            </dl>
            <!-- Select 选择器 -->
        </div>
    </div>
    <script src="../js/yg-select.js"></script>
</body>

</html>